<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=8859-1">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<title>Untitled Document</title>
{literal}
<style type="text/css">
	body{
		color:#333333;
		direction:ltr;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:left;
	}
</style>
{/literal}
{literal}
<script language="javascript">
	function seleccionarLetra(letra) {
		location.href= "contactos.php?letra="+letra;
	}
	function regresar() {
		history.back();
	}
</script>
 <script type="text/javascript" src="Scripts/prototype.js"></script>
 <script type="text/javascript" src="Scripts/validation.js"></script>
{/literal}
</head>

<body>
<div class="menu-agenda">
	<a class="menu-agenda-ingresar" onclick="regresar()"><< Regresar</a>
    <div class="menu-agenda-letras">
        {foreach from=$letras item=l}
        <div class="letra" id="letra{$l}" onclick="seleccionarLetra('{$l}')">{$l}</div>
        {/foreach}
        {literal}<script language="javascript">cambiarLetra();</script>{/literal}
    </div>
</div>
<div class="contactos-todos">
    <center>
    	<b>Ingrese los datos del nuevo contacto:</b><br /><br />
        <form name="frmIngresoContacto" id="frmIngresoContacto" action="fIngresarContacto.php" method="post">
        <table cellspacing="2" border="0">
            <tr><td>Nombre:</td><td><input type="text" class="txtfields required" name="txtNombre"></td></tr>
            <tr><td>Telefono:</td><td><input type="text" class="txtfields" name="txtTelefono"></td></tr>
            <tr><td>Celular:</td><td><input type="text" class="txtfields" name="txtCelular"></td></tr>
            <tr><td>Correo electr&oacute;nico:</td><td><input type="text" class="txtfields validate-email required" name="txtEmail"></td></tr>
            <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
            <tr><td align="center" colspan="2"><input type="submit" value="Aceptar" class="boton" /></td></tr>
        </table>
        </form>
    </center>
</div>
    {literal}
<script type="text/javascript">
function formCallback(result, form) {
    window.status = "valiation callback for form '" + form.id + "': result = " + result;
    }
var valid = new Validation('frmIngresoContacto', {immediate : true, focusOnError : false,onFormValidate : formCallback});
</script>
{/literal}
</body>
</html>
